<template>
    <div id="marginnav">
        <scroll-top></scroll-top>
        <barrageshow></barrageshow>
        <changetheme></changetheme>
        <thumbsup></thumbsup>
        <setting></setting>
    </div>
</template>

<script>
import ScrollTop from '@/components/common/marginnav/scrolltop/ScrollTop.vue';
import Barrageshow from './barrageshow/barrageshow.vue';
import Setting from './setting/setting.vue';
import Changetheme from './changetheme/changetheme.vue';
import Thumbsup from './thumbsup/thumbsup.vue';

export default {
  
    name:'marginnav',
    data() {
        return {
            property: 'value',
        };
    },
    components: { 
        ScrollTop,
        Barrageshow,
        Setting,
        Changetheme,
        Thumbsup
    },
}
</script>

<style scoped>
    #marginnav{
        display: flex;
		flex-flow: column;
		position: fixed;
		justify-content: center;
		align-items: center;
		z-index: 100;
        bottom: 3vh;
		right: 2vw;
    }
</style>>

